<template>
  <div class="app-container">
    <div class="head-container">
      <label class="el-form-item-label">我的应用密钥</label>
      <label class="el-form-item-label">app key:</label>
      <el-input v-model="app.appKey" readonly style="width: 185px;" class="filter-item" />
      <label class="el-form-item-label">secret key</label>
      <el-input v-model="app.secretKey" readonly style="width: 185px;" class="filter-item" />
      <!-- <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="">重新生成</el-button> -->
      <div>
        <span>调用说明</span>

      </div>
    </div>
  </div>
</template>
<script>
import { getMyKey, regenMyKey } from '@/api/shop/appKey'
export default {
  name: 'MyApp',
  data() {
    return {
      app: {
        appKey: '',
        secretKey: ''
      },
      permission: {
      },
      rules: {
      },
      queryTypeOptions: [
      ]
    }
  },
  created() {
    this.init()
  },
  methods: {
    init() {
      getMyKey().then((data) => {
        this.app = data
      })
    }
  }
}
</script>

<style>
</style>
